<template>

    <view class="container">
        <view class="bg-1">
            <view class="menu-class" @click="toCompany">
                <text>关于我们</text>
                <u-icon style="margin-left: 550rpx;" name="arrow-right"></u-icon>
            </view>
            <view class="divLine"></view>
            <view class="menu-class" @click="toProtocol">
                <text>用户协议</text>
                <u-icon style="margin-left: 550rpx;" name="arrow-right"></u-icon>
            </view>
<!--            <view class="divLine"></view>-->
<!--            <view class="menu-class" @click="this.$u.toast('暂未开放!')">-->
<!--                <text>帮助与反馈</text>-->
<!--                <u-icon style="margin-left: 520rpx;" name="arrow-right"></u-icon>-->
<!--            </view>-->
        </view>

        <view class="bottom-btn">
            <u-button type="primary" @click="quit">退出登录</u-button>
        </view>
    </view>

</template>

<script>

    export default {
        data() {
            return {}
        },
        methods: {
            toCompany() {
                uni.navigateTo({
                    url: '/pages/mine/aboutus'
                });
            },
            toProtocol() {
                uni.navigateTo({
                    url: '/pages/login/protocol'
                });
            },
            quit() {
                uni.setStorage({
                    key: 'access-token',
                    data: ''
                });
                uni.setStorage({
                    key: 'mer_type',
                    data: ''
                });
                uni.setStorage({
                    key: 'mer_id',
                    data: ''
                });
                uni.navigateTo({
                    url: '/pages/login/auth'
                });
            }
        }
    }
</script>


<style lang="scss">
    .container{
        .divLine{
            background: #F1F1F1;
            width: 100%;
            height: 1rpx;
        }
        .bg-1{
            margin-top: 40rpx;
            background: white;
            height: 160rpx;
        }
        .menu-class{
            display: flex;
            height:80rpx;
            margin-left:20rpx;
            text{
                display: block;
                margin-top:20rpx;
                margin-bottom: 20rpx;
            }
        }

        .bottom-btn{
            button {
                position: fixed;
                left: 40rpx;
                bottom: 40rpx;
                border-radius: 50rpx;
                width: 680rpx;
            }
        }

    }
</style>

